<%@page import="systems.Recently"%>
<%@page import="java.util.List"%>
<%
List<String> recentlyDomain = Recently.getAll("recently");
List<String> updatedDomain = Recently.getAll("updated");
%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
		
		<% if (recentlyDomain.size() > 0|| updatedDomain.size() > 0) { %>
		<section id="section-domains">
    		<div class="row-fluid section-header">
    			<h2>List Domain</h2>
    		</div>
   			<div class="tabbable"> <!-- Only required for left/right tabs -->
				<ul class="nav nav-tabs">
					<li class="active"><a data-toggle="tab" href="#lastest-domain"><span class="websymbols hidden-tablet">Lastest Domain</span></a></li>
					<li class=""><a data-toggle="tab" href="#lastest-update"><span class="websymbols hidden-tablet">Lastest Update</span></a></li>
				</ul>
				<div class="tab-content">
					<div id="lastest-domain" class="tab-pane active">
						<ul class="narrow row5 clearfix lst-domain">
							<% for (int i = 0; i < recentlyDomain.size(); i++) { %>
							<%     if (i >= 20) break; %>
							<li><a href="/www/<%=recentlyDomain.get(i) %>"><%=recentlyDomain.get(i) %></a></li>
							<% } %>
						</ul>
					</div>
					<div id="lastest-update" class="tab-pane">
						<ul class="narrow row5 clearfix lst-domain">
							<% for (int i = 0; i < updatedDomain.size(); i++) { %>
							<%     if (i >= 20) break; %>
							<li><a href="/www/<%=updatedDomain.get(i) %>"><%=updatedDomain.get(i) %></a></li>
							<% } %>
						</ul>
					</div>
				</div>
			</div>	
    	</section>
    	<% } %>